<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Manage Users</title>
  <meta name="description" content="">

  <link href="/css/bot4.css" rel="stylesheet">
  <link href="/css/bootstrap.min.css" rel="stylesheet">
  <!-- <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">  -->
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700' rel='stylesheet' type='text/css'>
  <link href="/css/font-awesome.min.css" rel="stylesheet">

  <link href="/css/templatemo-style.css" rel="stylesheet">
  <link rel="stylesheet" href="
  /css/pager.css">

  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  <style>
    body{
      user-select: none;
    }
    .s {
      font-size: 1.1em;
      margin: 50px 20px;
    }

    .s input {
      background-color: #18191b;
      border: none;
      border-radius: 10px;
      color: #DDD;
      padding-left: 30px;

    }

    .s .input-group {
      position: relative;
      width: 100%;
    }

    .listb {
      min-height: 300px;
    }

    .col-1 {
      max-width: none;
    }

    .col-2 {
      max-width: none;
    }

    .sele {
      width: 90%;
      margin: 0 auto;
      margin-top: 20px;

    }

    .show {
      display: inline-block !important;
    }

    .form-control {
      width: 83%;
      display: inline-block;
    }

    .opt {
      width: 35%;
      display: inline-block;
      margin-right: 20px;
    }

    .media-body {
      width: auto;
    }

    .templatemo-content-container {
      padding: 20px 50px;
    }
    .adimg{
      border: 2px solid #fff;
      border-radius: 10px;
      height: 100px;
    }
    .templatemo-content-widget{
      min-height: 150px;

    }
    .addiv{
      display: inline-block;
      width: 60%;
      vertical-align: middle;
      margin-left:20px;
    }
    .addiv h2{
      text-align: left;
      padding-bottom:10px;
      border-bottom:1px solid #fff;
    }
    .addiv h5{
      text-align: center;
      margin: 20px 0 20px 0;
      padding-bottom:10px;
      border-bottom:1px solid #fff;
    }
    .addiv h6{
      text-align: right;
      padding-bottom:10px;
      border-bottom:1px solid #fff;
    }
    .box{
      transition: all .3s ease-in;
    }
    .box:hover{
      
      transform: translate3d(0,-5px,0);
      
      box-shadow:-10px 10px 11px 0px rgba(217, 75, 75, 0.8)
    }
  </style>
</head>

<body>
  <!-- Left column -->
  <div class="templatemo-flex-row">
    <%- include('./header.ejs',{idx:'admin'}) %>
    <!-- Main content -->
    <div class="templatemo-content col-1 light-gray-bg">
      <div class="templatemo-top-nav-container">
        <div class="row">
          <nav class="templatemo-top-nav col-lg-12 col-md-12">
            <ul class="text-uppercase">
              <li><a href="" class="active">Admin panel</a></li>
              <li><a href="">Dashboard</a></li>
              <li><a href="">Overview</a></li>
              <li><a href="login.html">Sign in form</a></li>
            </ul>
          </nav>
        </div>
      </div>

      <div class="templatemo-content-container">
        <div class="templatemo-flex-row flex-content-row">
          <div class="adli col-1">
            <div class="templatemo-content-widget pink-bg">
              <i class="fa fa-times"></i>
              <img class="adimg" src="/images/<%= adminData.val.src %>" alt="">
              <div class="addiv">
                  <h2>sd</h2>
                  <h4>sdasd</h4>
                  <h3>sdasd</h3>
              </div>
            </div>
            <div class="templatemo-content-widget blue-bg">
              <i class="fa fa-times"></i>
              <h2 class="text-uppercase margin-bottom-10">Older Data</h2>
              <p class="margin-bottom-0">Phasellus dapibus nulla quis risus auctor, non placerat augue consectetur.
                Aliquam convallis pharetra odio, in convallis erat molestie sed. Fusce mi lacus, semper sit amet mattis
                eu, volutpat vitae enim.</p>
            </div>
          </div>
        </div> <!-- Second row ends -->
        <div class="templatemo-flex-row flex-content-row">
          <div class="templatemo-content-widget white-bg col-2">
            <i class="fa fa-times"></i>
            <div class="media margin-bottom-30">
              <div class="media-left padding-right-25">
                <a href="#">
                  <img style="width: 50px;" class="media-object img-circle templatemo-img-bordered"
                    src="/images/<%= adminData.val.src %>" alt="Sunset">
                </a>
              </div>
              <div class="media-body">
                <h2 class="media-heading text-uppercase blue-text">John Barnet</h2>
                <p>Project Manager</p>
              </div>
            </div>
            <div class="table-responsive">
              <table class="table">
                <tbody>
                  <tr>
                    <td>
                      <div class="circle green-bg"></div>
                    </td>
                    <td>New Task Issued</td>
                    <td>02</td>
                  </tr>
                  <tr>
                    <td>
                      <div class="circle pink-bg"></div>
                    </td>
                    <td>Task Pending</td>
                    <td>22</td>
                  </tr>
                  <tr>
                    <td>
                      <div class="circle blue-bg"></div>
                    </td>
                    <td>Inbox</td>
                    <td>13</td>
                  </tr>
                  <tr>
                    <td>
                      <div class="circle yellow-bg"></div>
                    </td>
                    <td>New Notification</td>
                    <td>18</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div class="templatemo-content-widget white-bg col-1 text-center templatemo-position-relative">
            <i class="fa fa-times"></i>
            <img src="/images/<%= adminData.val.src %>" alt="Bicycle" class="img-circle img-thumbnail margin-bottom-30">
            <h2 class="text-uppercase blue-text margin-bottom-5">Paul Smith</h2>
            <h3 class="text-uppercase margin-bottom-70">Managing Director</h3>
            <div class="templatemo-social-icons-container">
              <div class="social-icon-wrap">
                <i class="fa fa-facebook templatemo-social-icon"></i>
              </div>
              <div class="social-icon-wrap">
                <i class="fa fa-twitter templatemo-social-icon"></i>
              </div>
              <div class="social-icon-wrap">
                <i class="fa fa-google-plus templatemo-social-icon"></i>
              </div>
            </div>
          </div>
          <div class="templatemo-content-widget white-bg col-1 templatemo-position-relative templatemo-content-img-bg">
            <img src="/images/sunset-big.jpg" alt="Sunset" class="img-responsive content-bg-img">
            <i class="fa fa-heart"></i>
            <h2 class="templatemo-position-relative white-text">Sunset</h2>
            <div class="view-img-btn-wrap">
              <a href="" class="btn btn-default templatemo-view-img-btn">View</a>
            </div>
          </div>
        </div>
        <div class="pagination-wrap">
          <ul class="pagination">
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li class="active"><a href="#">3 <span class="sr-only">(current)</span></a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li>
              <a href="#" aria-label="Next">
                <span aria-hidden="true"><i class="fa fa-play"></i></span>
              </a>
            </li>
          </ul>
        </div>
        <%- include('./foot.ejs') %>
      </div>
    </div>
  </div>


</body>
<!-- JS -->
<script src="/js/pagination.js"></script>
<script type="text/javascript" src="/js/jquery-1.11.2.min.js"></script> <!-- jQuery -->
<script type="text/javascript" src="/js/templatemo-script.js"></script> 
<script type="text/javascript" src="/js/admin.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script>
  $(document).ready(function () {
    // Content widget with background image
    var imageUrl = $('img.content-bg-img').attr('src');
    $('.templatemo-content-img-bg').css('background-image', 'url(' + imageUrl + ')');
    $('img.content-bg-img').hide();

    // if (window.name != "noReload") {
      //   window.name = "noReload";
      //   location.reload();
      // } else {
      //   window.name = "";
      // }

      if (document.addEventListener) {
        /*event.persisted 判断浏览器是否有缓存, 有为true, 没有为false*/
        window.addEventListener('pageshow', function (event) {
          if (event.persisted || window.performance && window.performance.navigation.type == 2) {
            location.reload();
          }
        }, false);
      }

    new Admin()
  });

</script>

</html>